
.title{
    font-size: 0.36rem;
    color: #181818;
    padding: 0.32rem 0.24rem;
}

.con_title{
    width: 100%;
    height: auto;
}
.con_top{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.28rem;
    color: #181818;
    padding: 0.32rem 0.24rem 0.2rem 0.24rem;
}

.con_img{
    width: 100%;
    height: 3rem;
    img{
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 3rem;
        padding: 0rem 0.24rem 0.16rem 0.24rem;
    }
}

ul{
    width: 100%;
    height: auto;
    li{
        float: left;
        width: 100%;
        height: 2.25rem;
        border-bottom: 0.01rem solid #f2f2f2;
        img{
            width: 0.6rem;
            height: 0.6rem;
            border-radius: 50%;
        }
        .active_l{
            float: left;
            width: 1.08rem;
            height: auto;
            img{
                float: left;
                width: 0.6rem;
                height: 0.6rem;
                margin: 0.28rem 0.24rem;
                border-radius: 50%;
            }
        }
        .active_c{
            float: left;
            width: 5.54rem;
            .top{
                float: left;
                overflow: hidden;
                width: 100%;
                margin-top: 0.28rem;
                font-size: 0.32rem;
            }

            .time{
                margin-top: 0.08rem;
                float: left;
                width: 100%;
                color: #989898;
                font-size: 0.24rem;
            }


            .titles{
                float: left;
                width: 100%;
                color: #5D5D5D;
                font-size: 0.32rem;
                margin-top: 0.27rem;
                overflow:hidden;
                text-overflow:ellipsis;
                display:-webkit-box;
                -webkit-box-orient:vertical;
                -webkit-line-clamp:2;
            }


            .look{
                float: left;
                width: 100%;
                font-size: 0.24rem;
                margin-top: 0.24rem;
                a{
                    color: #00BDCF;

                }
            }

        }
        .active_r{
            width: 0.92rem;
            float: left;
        }
    }
}

ol{
    float: left;
    height: 0.8rem;
    border-top: 0.01rem solid #f2f2f2;
    border-bottom: 0.01rem solid #f2f2f2;
    width: 100%;
    overflow: hidden;

    li{
        float: left;
        width: 50%;
        font-size: 0.24rem;
        color: #00BDCF;
        line-height: 0.78rem;
        box-sizing: border-box;
        padding-left: 0.24rem;
        img{
            float: left;
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }
        div{
            float: right;
            width: 0.44rem;
            height: 0.44rem;
            border-radius: 50%;
            background: #5D5D5D;
            margin: 0.2rem 0.07rem 0.16rem 0rem;
        }
        .fast{
            margin-right: 0.24rem;
        }

    }
}
